<template>
    <div id="page">
        <ul v-if="parseInt(offset) + 10 >= total" style="display:inline-block">
            <li v-for="num in (parseInt(total)-parseInt(offset))">{{ parseInt(num) + parseInt(offset) }}</li>
        </ul>
        <ul v-else style="display:inline-block">
            <li v-for="num in 10"> {{ parseInt(num) + parseInt(offset) }} </li>
        </ul>
        <p style="display:inline-block">上一页</p>
        <p style="display:inline-block">共{{ total }}页</p>
        <p style="display:inline-block">下一页</p>
    </div>
</template>

<script>
export default {

    props:{
        total: String,
        offset: String,
    }
    
}
</script>

<style>

#page{
    margin:auto auto;
    width: 100%;
    text-align: center;
    margin-bottom: 20px;
}

#page ul li{
    display: inline-block;
    width: 40px;
    height: 40px;
    line-height: 40px;
    background: burlywood;
    margin-right: 1px
}

</style>


